<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
	#wrapper{
		margin-left: 70px;
		width: 800px;
		margin-bottom: 200px;
		font-family: nanum;
		margin-top: 100px;
	}
	#requestInfo{
		background:rgb(89,86,86); 
		background:rgba(89,86,86,.8); 
		width: 800px; 
		color:white;
		padding-bottom: 20px;
	}
	#infoDetail{
		padding-left: 30px;
		font-size: 13pt;
	}
	#requestTitle{
		color : rgb(73,73,73);
		font-weight: bold;
		font-size: 14pt;
		margin-left:20px;
		margin-bottom: 10px;
	}
</style>
</head>
<body>
	<div id="wrapper">
		<table id="requestInfo">
			<tr>
				<td width="70px;" style="text-align: center; padding-top: 25px;">
					<img src="images/giftcard/delivery.png" width="50px">
				</td>
				<td>
					<p style="font-weight: bold; font-size: 27pt; margin-bottom: 15px;">주문완료</p>
				</td>
			</tr>
			<tr>
				<td id="infoDetail" colspan="2">입금할 금액을 확인한 후, 은행에 입금하여 주세요</td>
			</tr>
			<tr>
				<td id="infoDetail" colspan="2">입금 확인 후, 상품권은 문자로 전송됩니다. 이용해주셔서 감사합니다.</td>
			</tr>
		</table>
		<br><br>
		<div id="requestTitle">입금 정보</div>
		<table style="width: 800px; border-bottom: 2px solid rgba(173,171,171,.2); 
								  		border-top: 2px solid rgba(173,171,171,.2); text-align: center;">
			<tr style="background:#ADABAB; background:rgba(173,171,171,.2); height: 40px">
				<th>입금할 금액</th>
				<th>입금 계좌</th>
				<th>입금 기한</th>
				<th>적립 예정 마일리지</th>
			</tr>
			<tr>
				<td>${realPay}&nbsp;원</td>
				<td>
					국민(123123-12-123456)<br>
					우리(1232124-123124124)
				</td>
				<td style="color:red; font-weight: bold;">${limitDate}</td>
				<td>${plusMileage}&nbsp;point</td>
			</tr>
		</table>
		<br><br>
		<div id="requestTitle">주문자 정보</div>
		<table style="width: 800px; border-bottom: 2px solid rgba(173,171,171,.2); 
								  		border-top: 2px solid rgba(173,171,171,.2); text-align: center;">
			<tr style="background:#ADABAB; background:rgba(173,171,171,.2); height: 40px">
				<th>결제번호</th>
				<th>주문자 성명</th>
				<th>연락처</th>
				<th>이메일</th>
			</tr>
			<tr>
				<td>${pur_num}</td>
				<td>${member.name}</td>
				<td>${member.phone}</td>
				<td>${member.email}</td>
			</tr>
		</table>
		<br><br>
		<div id="requestTitle">주문상품 정보</div>
		<table style="width: 800px; border-bottom: 2px solid rgba(173,171,171,.2); 
								  		border-top: 2px solid rgba(173,171,171,.2); text-align: center;">
			<tr style="background:#ADABAB; background:rgba(173,171,171,.2); height: 40px">
				<th>상품명</th>
				<th>총 건수</th>
				<th>총액</th>
				<th>사용 마일리지</th>
			</tr>
			<tr>
				<td>${itemName}&nbsp;외</td>
				<td>${itemSize}&nbsp;건</td>
				<td>${totalPay}&nbsp;원</td>
				<td>${realMileage}&nbsp;point</td>
			</tr>
		</table>
		<br><br><br><br>
		<form action="detail.do" method="POST">
			<div style="width: 800px; text-align: center;">
				<input type="hidden" name="email" value="${email}">
				<input type="image" src="images/giftcard/btn_success.png">
			</div>
		</form>
	</div>
</body>
</html>